<template>
    <div>This is test {{counter.count}}</div>
    <router-view />
</template>

<script lang="ts" setup>
import {ref} from 'vue'
import {storeToRefs} from 'pinia'
import {useCounterStore} from '@/stores/counter'

const counter = useCounterStore();
const {count} = storeToRefs(counter);

counter.count++;
counter.increment();
console.log('counter.count',counter.count);
console.log('counter.doubleCount',counter.doubleCount);

console.log('解构.count',count.value);

</script>

<style scoped>

</style>
